<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0,user-scalabel=no">
    <title>机票预订--旅游网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header>
        <nav id="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="informations.html">资讯</a></li>
                <li class="active"><a href="ticket.html">票务</a></li>
                <li><a href="about.html">关于</a></li>
            </ul>
        </nav>
    </header>
    <div id="headline">
        <hgroup>
            <h2>票务预订</h2>
            <h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>
        </hgroup>
    </div>
    <div class="list ticket">
        <h2>机票预订</h2>
        <form action="">
            <div class="type"><span>航班类型<strong>单程</strong>往返</span></div>
            <div class="form left">
                <p>
                    <label for="from_city">出发城市</label>
                    <input type="text" name="from_city" placeholder="城市名">
                </p>
                <p>
                    <label>返回城市</label>
                    <input type="text" placeholder="城市名">
                </p>
            </div>
            <div class="form center">
                <p>
                    <label>出发时间</label>
                    <input type="text" placeholder="时间/日期">
                </p>
                <p>
                    <label>返回时间</label>
                    <input type="text" placeholder="时间/日期">
                </p>
            </div>
            <div class="form right">
                <p class="center">
                    <button type="button" class="submit">订票</button>
                </p>
            </div>
        </form>
        <div class="list_news">
            <h2>最新机票</h2>
            <ul>
                <li><a href="">热门城市：</a></li>
                <li><a href="">北京</a></li>
                <li><a href="">上海</a></li>
                <li><a href="">广州</a></li>
                <li><a href="">深圳</a></li>
                <li><a href="">重庆</a></li>
                <li><a href="">成都</a></li>
                <li><a href="">杭州</a></li>
                <li><a href="">南京</a></li>
            </ul>
            <table>
                <thead>
                    <tr>
                        <th>路线</th>
                        <th>日期</th>
                        <th>价格</th>
                        <th>税费</th>
                        <th>餐食</th>
                        <th>航班</th>
                        <th>预定</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>北京-成都</td>
                        <td>10-15</td>
                        <td class="price">¥745</td>
                        <td>¥50</td>
                        <td>有</td>
                        <td>春秋航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-上海</td>
                        <td>10-15</td>
                        <td class="price">¥479</td>
                        <td>¥45</td>
                        <td>无</td>
                        <td>南方航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-深圳</td>
                        <td>10-15</td>
                        <td class="price">¥561</td>
                        <td>¥52</td>
                        <td>有</td>
                        <td>西部航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-杭州</td>
                        <td>10-15</td>
                        <td class="price">¥378</td>
                        <td>¥36</td>
                        <td>无</td>
                        <td>天津航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-广州</td>
                        <td>10-15</td>
                        <td class="price">¥612</td>
                        <td>¥44</td>
                        <td>有</td>
                        <td>首都航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-重庆</td>
                        <td>10-15</td>
                        <td class="price">¥428</td>
                        <td>¥62</td>
                        <td>有</td>
                        <td>东方航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-昆明</td>
                        <td>10-15</td>
                        <td class="price">¥509</td>
                        <td>¥35</td>
                        <td>无</td>
                        <td>厦门航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-厦门</td>
                        <td>10-15</td>
                        <td class="price">¥893</td>
                        <td>¥73</td>
                        <td>有</td>
                        <td>深圳航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                    <tr>
                        <td>北京-长沙</td>
                        <td>10-15</td>
                        <td class="price">¥663</td>
                        <td>¥46</td>
                        <td>无</td>
                        <td>四川航空</td>
                        <td><a href="###" class="reserve">预定</a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="7"><a href="###" class="ticket_more">加载更多航班...</a>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
    <footer id="footer">
        <div class="top">
            <ul>
                <li><a href="">客户端</a></li>
                <li><a href="">触屏版</a></li>
                <li><a href="">电脑版</a></li>
            </ul>
        </div>
        <div class="bottom">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号</div>
    </footer>
</body>

</html>